@charset "utf-8";
html{
	font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Segoe UI","Microsoft Yahei",Tahoma,Arial,STHeiti,sans-serif  !important;
}
body{
	font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Segoe UI","Microsoft Yahei",Tahoma,Arial,STHeiti,sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Segoe UI","Microsoft Yahei",Tahoma,Arial,STHeiti,sans-serif !important;
}
.article-markdown iframe {
  border: none;
  width: 100% !important;
  margin: 0;
  padding: 0;
}
body{padding-top:50px;background: #f9f9f7; }
/* .thumbnail{margin-bottom: 5px !important;} */
.breadcrumb{font-size: 14px !important;}
.list-group,.pager{font-size: 14px !important;font-weight: normal !important;}

a{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
a:hover{ text-decoration: none;}
.breadcrumb{background-color: transparent;}	
.page_navbar {
  height: 35px;
  border-bottom: 1px solid #e1e1e1;
  -webkit-box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
  box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
  background: #f9f9f7;
}
.page_navbar .page-navbar-warp {
  width: 97%;
  margin: 0 auto;
  height: 35px;
  position: relative;
}
.page_navbar .page-navbar-warp .title {
  position: absolute;
  top: 0;
  left: 0px;
/*   width: 180px; */
  white-space: nowrap;
/*   line-height: 59px; */
}
.page_navbar .page-navbar-warp .title h3 {
  display: inline;
  min-width: 100px;
  margin: 0;
  line-height: 35px;
  font-size: 20px;
  color: #5c6371;
}
.page_navbar .page-navbar-warp .title h3 i {
  text-shadow: 0 2px 0 #ffffff, 0 -2px 0 #f2f2ea;
}
.page_navbar .page-navbar-warp .title h3 a {
  color: #5c6371;
  padding: 10px 15px;
  border-radius: 5px;
  margin-left: -10px;
}
.page_navbar .page-navbar-warp .title h3 a:hover {
  color: rgba(47, 164, 231, 0.99);
  background: #f2f2ea;
}
.page_navbar .page-navbar-warp .title h4 {
  display: inline;
  min-width: 100px;
  margin: 0;
  line-height: 50px;
  font-size: 16px;
  color: #5c6371;
}
.page_navbar .page-navbar-warp .title h4 i {
  text-shadow: 0 2px 0 #ffffff, 0 -2px 0 #f2f2ea;
}
.page_navbar .page-navbar-warp .title h4 a {
  color: #5c6371;
  padding: 10px 15px;
  border-radius: 5px;
  margin-left: -10px;
}
.page_navbar .page-navbar-warp .title h4 a:hover {
  color: #157ab5;
/*   background: #f2f2ea; */
}
.page_navbar .page-navbar-warp .main {
  padding-top: 10px;
  margin-left: 180px;
}

/* custom selection colors */
::-moz-selection {
  color: #fff;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(47, 164, 231, 0.99);
}
::selection {
  color: #fff;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(47, 164, 231, 0.99);
}
.content-bg {
	background: #f9f9f7;
	padding-left: 0;
	padding-right: 0;
}
/* custom article-markdown  */
.article-markdown {
  font-size: 15px;
  line-height: 200%;
}
.article-markdown a {
  word-break: break-all;
}
.article-markdown p {
  margin: 0 0 10px;
  word-break: break-word;
}
.article-markdown h4 {
  font-size: 20px;
  margin-top: 25px;
  margin-bottom: 5px;
}
.article-markdown h5 {
  font-size: 16px;
}
.article-markdown h6 {
  font-size: 14px;
}
.article-markdown pre {
  background-color: #f9f9f7;
  padding: 10px;
  line-height: 24px;
  border: 1px solid #e1e1e1;
}
.article-markdown blockquote {
  color: #888;
  margin-left: 15px;
}
.article-markdown blockquote p {
  font-size: 14px;
  line-height: 180%;
}
.article-markdown ul,
.article-markdown ol {
  margin-left: 30px;
}
.article-markdown ul li {
  list-style-type: disc;
}
.article-markdown ol li {
  list-style-type: decimal;
}
.article-markdown a,
.article-markdown a:link {
  color: #d84c31;
}
.article-markdown a:hover {
  text-decoration: underline;
}
.article-markdown hr {
  margin: 15px 0;
  border: 0;
  border-top: 1px solid #e1e1e1;
}
.article-markdown img {
  max-width: 100%;
  /*margin: 15px;*/
  border: solid 5px #FBFBFB;
  -webkit-box-shadow: 0 0 3px #e1e1e1, inset 0 0 3px white;
  box-shadow: 0 0 3px #e1e1e1, inset 0 0 3px white;
}
.article-markdown img.emoji {
  width: 22px;
  height: 22px;
  margin: 0;
  border: 0;
  box-shadow: 0 0 0 #fff, inset 0 0 0 #fff;
}
.article-markdown .unindent p {
  text-indent: 0;
}


 .content-container {
  width: 99%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
/*   margin-bottom: 30px; */
}
 .content-container:before,
 .content-container:after {
  content: " ";
  display: table;
}
 .content-container:after {
  clear: both;
}
 .content-container .content .content-wrapper {
  margin-bottom: 1em;
  background: #fbfbfb;
  border: solid 1px #e1e1e1;
  -webkit-box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
  box-shadow: 0 0 3px #eeeeee, inset 0 0 3px #ffffff;
  min-height: 0;
  padding: 10px 5px 10px 5px;
}
 .content-container .content .content-wrapper .content-title {
  color: #d84c31;
  font-size: 24px;
  border-bottom: solid 1px #e1e1e1;
  padding-bottom: 10px;
}
 .content-container .content .content-wrapper .article-list {
  margin-top: 20px;
}

 .content-container .content .content-wrapper .article-list .article {
  padding-bottom: 20px;
  position: relative;
}
 .content-container .content .content-wrapper .article-list .article .action {
  position: absolute;
  right: 20px;
}

.content-wrapper .article {
  margin: 15px 10px 40px 10px;
}
.content-wrapper .article .article-title {
  padding-bottom: 10px;
  margin: 0px;
  font-size: 22px;
  position: relative;
  border-bottom: solid 1px #e1e1e1;
  margin-bottom: 10px;
  padding-right: 40px;
}
.content-wrapper .article .article-title  a {
color: #666666;
outline: 0 none;
}
.content-wrapper .article .article-meta {
  color: #999;
  margin-bottom: 10px;
}
.content-wrapper .article .article-meta a {
  color: #999;
}
.content-wrapper .article .article-meta .published {
  margin-left: 5px;
  margin-right: 5px;
}
.content-wrapper .article .article-meta a.category-name {
  margin-left: 5px;
}
.content-wrapper .article .article-meta a.category-name:hover {
  color: #d14836;
}
.content-wrapper .article .article-summary {
  margin-bottom: 10px;
}
.content-wrapper .article .article-footer i {
  margin-left: 10px;
}


.footer-my{
-webkit-box-shadow: inset 0 0 3px #e1e1e1;
box-shadow: inset 0 0 3px #e1e1e1;
background: #f9f9f7;
padding-top: 20px;
margin:  0 auto;
}
.footer-my .text-center {
color: #aaa;
padding: 20px;
}
.columns{
	padding: 20px 20px 10px 20px;
}
.article .avatar-face img {
box-shadow: inset 0 -1px 0 #3333sf;
-webkit-box-shadow: inset 0 -1px 0 #3333sf;
-webkit-transition: 0.4s;
-webkit-transition: -webkit-transform 1s ease-out;
transition: transform 1s ease-out;
-moz-transition: -moz-transform 1s ease-out;
width: 30px;
height: 30px;
}

.article .avatar-face img:hover {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);-khtml-transform: rotate(360deg);transform: rotate(360deg);behavior: url(../pie/PIE.htc);}

/* .img-rounded:hover {-webkit-transform-origin: top center;-moz-transform-origin: top center;-o-transform-origin: top center;transform-origin: top center;-webkit-animation-name: swing;-moz-animation-name: swing;-o-animation-name: swing;animation-name: swing;} */
/* .img-rounded ,.img-rounded:hover{-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-ms-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-duration: 0s;-moz-animation-duration: 0s;-ms-animation-duration: 0s;-o-animation-duration: 0s;animation-duration: 0s;-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-ms-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;} */
/* @-webkit-keyframes swing {20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }20% { -webkit-transform: rotate(15deg);}40%{-webkit-transform: rotate(-10deg);}60%{-webkit-transform: rotate(5deg);}80%{-webkit-transform: rotate(-5deg);}100%{-webkit-transform: rotate(0deg);}} */
/* @-moz-keyframes swing {20% { -moz-transform: rotate(15deg); }40% { -moz-transform: rotate(-10deg); }60% { -moz-transform: rotate(5deg); }80% { -moz-transform: rotate(-5deg); }100% { -moz-transform: rotate(0deg);}} */
/* @-o-keyframes swing {20% { -o-transform: rotate(15deg);}40%{-o-transform: rotate(-10deg);}60%{-o-transform: rotate(5deg);}80%{-o-transform: rotate(-5deg);}100%{-o-transform: rotate(0deg);}} */


.toTop {cursor:pointer;background: url("../images/totop.png") no-repeat scroll 0 0 transparent;bottom: 10px;display: none;height: 50px;outline: medium none;position: fixed;right: 10px;text-indent: -9999px;width: 48px;z-index: 9999;}


.mt18{margin-top: 18px;}
.mt20{margin-top: 20px;}
.cWhite{color: #fff;}
.cGray{color: #ccc;}
.ov16{height: 16px;overflow: hidden;display: block;}
.ov20{height: 20px;overflow: hidden;display: block;}
.ov19{height: 19px;overflow: hidden;}
.ov40{height: 40px;overflow: hidden;}
.ov64{height: 64px;overflow: hidden;}
.ov95{height: 95px;overflow: hidden;}


.img-rounded{border-radius: 6px !important;}
.media img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.media img,.media:hover{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}

.thumbnail img:hover {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.thumbnail img,.thumbnail:hover{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}

.img-right img:hover {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.img-right img,.img-right:hover{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}


/*ranking*/

.sidebar .ranking {
	list-style:none;
	margin:0;
	padding-left: 10px;
	height: 355px;
    overflow: hidden;
}
.sidebar .ranking li {
	height:30px;
}
.sidebar .ranking em {
	display:inline-block;
	width:21px;
	height:21px;
	line-height:21px;
	color:#fff;
	float:left;
	background:#666;
	text-align:center;
	font-family:Arial;
	font-size:12px;
	margin:5px 8px 0 0;
}
.sidebar .ranking i {
	font-style:normal;
/* 	white-space:nowrap; */
/* 	overflow:hidden; */
/* 	display:inline-block; */
}
.sidebar .ranking li a {
	float:left;
	display:inline-block;
	height:30px;
	line-height:30px;
	white-space:nowrap;
	width:300px;
	overflow:hidden;
}
.sidebar .ranking li a:hover {
	background:#fafafa;
	text-decoration:none;
	color:#1f4268;
	cursor:pointer;
}
.sidebar .ranking .blueBox {
	background:#1275b3;
}
.sidebar .ranking .blueBoxMid {
	background:#46a6e2;
}
.sidebar .ranking .blueBoxLight {
	background:#67bef4;
}
.sidebar .ranking .cur,.sidebar .ranking .cur a {
	height:85px;
	background:#fff;
}
.sidebar .ranking li img,.sidebar .ranking li b {
display: none;
}
.sidebar .ranking .cur img {
	width:100px;
	height:68px;
	display:block;
	float:left;
	margin:9px 8px 0 0;
}
.sidebar .ranking .cur em {
	height:68px;
	margin:9px 8px 0 0;
}
.sidebar .ranking .cur i {
	white-space:normal;
	width:160px;
	height:40px;
	line-height:20px;
	float:left;
	margin:6px 0 8px;
	overflow: hidden;
}
.sidebar .ranking .cur b {
	display:block;
	float:left;
	background:#d78000;
	color:#fff;
	height:21px;
	line-height:21px;
	font-weight:400;
	padding:0 5px;
}
